<template>
	<view >
		<view v-if="skuId">
			<text class="price e-font-48  e-m-r-20">{{ $unitEn }}{{ flashSalePrice || 0 }}</text>
			<text class="scribe c-regular e-rela">{{ $unitEn }}{{ flashSaleOldPrice }}</text>
		</view>
		<view v-else>
			<text class="c-red e-font-48 fw-500">{{ $unitEn }}{{ priceMinimum }}~{{ $unitEn }}{{ priceMaximum }}</text>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			skuId:[String,Number],
			flashSalePrice:[String,Number],
			flashSaleOldPrice:[String,Number],
			priceMinimum:[String,Number],
			priceMaximum:[String,Number],
		}
	}
</script>

<style lang="scss" scoped>
	.price {
		color: $base-color-red;
	}
	.scribe {
		font-size: 26rpx;
		line-height: 32rpx;
		height: 34rpx;
		&::after {
			content: '';
			width: 100%;
			height: 2rpx;
			background-color: rgba(179, 179, 179, 1);
			position: absolute;
			top: 16rpx;
			left: 0;
		}
	}
</style>